草庐IT

Javascript JsTestDriver Jasmine 和 Jasmine-jquery

全部标签

javascript - jQuery-UI 可调整大小 : scale all alsoResize elements in proportion with resizable div

我有一个可调整大小的div,它位于已设置为alsoResize的一系列元素之上。在视觉上,可调整大小的元素是alsoResize元素的边界框。我希望能够根据可调整大小的div的比例调整alsoResize元素的大小。UI的默认行为使每个元素在调整大小时都有固定的左侧和顶部位置:http://jsfiddle.net/digitaloutback/SrPhA/2/但我想调整每个AR元素的左侧和顶部,以便在调整大小时随边界框一起缩放。我最初认为通过更改alsoResize插件不会太麻烦。这是我添加到调整大小的内容:_alsoResize://Getthemultipliersvarscal

Javascript (jQuery) 将图像缩放到其容器的中心点

这看起来应该很简单,但出于某种原因我无法完全理解它。我在“视口(viewport)”div中有一个图像,其溢出属性设置为隐藏。我已经使用jQueryUI实现了一个简单的缩放和平移,但是我无法让缩放看起来像是从视口(viewport)的中心开始。我从Photoshop中做了一些截屏视频,我试图重现这种效果:http://dl.dropbox.com/u/107346/share/reference-point-zoom.mov在PS中,您可以调整缩放引用点,对象将从该点开始缩放。显然,这对于HTML/CSS/JS是不可能的,所以我试图找到合适的left和topCSS值来模拟效果。这是有问

javascript (jquery) 数字输入 : keyCode for '3' and '#' are the same

我需要设置一个这样它将只接受数字字符、退格键、删除、输入、制表符和箭头。周围有很多例子,我从类似的开始:functionisNumericKeyCode(keyCode){return((keyCode>=48&&keyCode=96&&keyCode在我按下“#”键之前,一切都完美无缺。在我的法语加拿大键盘中,“#”有自己的键(不暗示转换)返回keyCode51,与数字“3”相同。我认为在美式键盘中,“#”是通过按shift+3获得的,这可能是它们具有相同键码的原因。现在我意识到我还必须处理shift和alt键,但那是另一回事了。它与提供charCode属性的jquery按键事件不同

javascript - 有没有办法在自定义匹配器中使用 Jasmine 默认匹配器?

我在一些Jasmine测试规范中有一个自定义匹配器,形式如下:this.addMatchers({checkContains:function(elem){varfound=false;$.each(this.actual,function(actualItem){//Checkiftheseobjectscontainthesameproperties.found=found||actualItem.thing==elem;});returnfound;}});当然,actualItem.thing==elem实际上并没有比较对象内容——我必须使用Objectcomparisonin

javascript - 使用 jQuery 的伪元素动画

我正在使用a:after,它包含right:Ypx。我想使用jQuery中的animate方法将元素(a:after)从Ypx移动到Zpx,我该怎么做?例如:[link-text][after][link-text]--moving>--[after]我知道如何在没有动画的情况下做到这一点,只需执行a:hover:after{right:Zpx}但如何使用动画呢? 最佳答案 您正在尝试做的事情非常老套,我强烈建议您制作真实的元素,而不是尝试为伪元素制作动画。但是,供将来引用:为伪元素设置动画的唯一方法是插入style标记并更改实际C

javascript - 如果列表在初始化之前为空,则 jQuery sortable 无法与水平列表一起正常工作

如果我在初始化.sortable后将元素添加到列表中,它将无法正常工作。参见示例jsFiddle示例HTML:add示例JS:$(".container").sortable({containment:'parent'});$(".container").disableSelection();$(".add-fields").click(function(){$(".container").append("sucke")})示例CSS:.container{height:30px;width:100%;background:blue;position:relative;float:le

javascript - AngularJS 中的 jQuery 触发器等效项

我在我的项目中使用AngularJS,我不想包含jQuery。我想在AngularJS中执行与此等效的jQuery$('.someclass').trigger('create');我在网上搜索过,但没有找到。 最佳答案 AngularJS内置了jqLit​​e。引用文档以查看可用的方法AngularjqLite对于您的场景:$在angularJS中不起作用,angular.element等同于$。但是jqLit​​e非常有限,不支持“按id选择器”,这意味着您不能简单地使用angular.element按类或id选择元素varel

javascript - Rspec & capybara : Setting focus to an element using jQuery doesn't apply `:focus` CSS

我在我的网页中为盲人和键盘用户提供了跳转链接,这些链接已移出视口(viewport)以在视觉上隐藏它们;当他们获得焦点时,他们会被移动到视口(viewport)中。我想使用RSpec和Capybara测试此行为,但不知何故不起作用。it'movesthefocustothenavigationwhenactivatingthecorrespondinglink',js:truedoexpect(page).not_tohave_css'#main:focus'page.evaluate_script"$('#jump_to_content>a').focus()"click_link'

javascript - jquery 将文本框值拆分成行

我正在做的是创建一个简单的html页面,其中有一个文本框。用户向该文本框发布一些输入,例如firstlastfirstlastfirstlastfirstlast假设这些是不同的名称。我想做的是在文本框中输入,并将其显示到屏幕上,并按字母顺序删除重复的名称,并在它们周围添加选项标签。我有什么PasteCodeHere:$(document).ready(function(){$('#content').change(function(){vartest=$('#content').val();$("#contentdisplay").html(test);});});现在,当用户在文本

javascript - 如何使用 Javascript 或 Jquery 检查 div 何时调整大小

所以我在线框图中得到了一个网络应用程序,但我遇到了一个问题,在我巩固这个模型之前需要一个技术解决方案;那是:图。#1用户创建新的“文本字段”元素(具有最大宽度的div。)然后用户开始输入说元素直到...图。#2元素到达它的最大宽度,文本会换行和"new"背景图像(在另一个div的形式)被创建(其不透明度和位置动画效果)以适应更大的元素大小。这是预期功能的粗略概述(此时给出,我不确定如何让文本字段的行为类似于具有最大宽度的div)但是我'我很好奇如何为第二步创建事件处理程序;我考虑过检查每个“keydown”事件,但这似乎效率低下......有没有人对解决此类问题有任何建议或想法?谢谢!